<div ng-controller="AccountInfoController as info" class="app-content-body wrapper account-info">
    <header class="clearfix">
        <div class="pull-left">
            <ol class="breadcrumb">
                <li>患者管理</li>
                <li class="active">基本信息</li>
            </ol>
            <span class="description">管理用户的注册账号，可以对患者账号进行处理</span>
        </div>

        <div class="pull-right text-center statistics-info">
            <h5>总患者数</h5>
            <div>123</div>
        </div>
        <div class="pull-right text-center statistics-info">
            <h5>今日新增</h5>
            <div>12345</div>
        </div>
        <div class="pull-right text-center statistics-info">
            <h5>昨日新增</h5>
            <div>12345</div>
        </div>
    </header>

    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-6 col-md-3">
                <input type="text" class="form-control" placeholder="输入账号">
            </div>
            <div class="col-xs-6 col-md-3">
                <input type="text" class="form-control" placeholder="搜索医生">
            </div>
            <div class="col-xs-6 col-md-3">
                <select class="form-control">
                    <option>全部</option>
                    <option>类型1</option>
                    <option>类型2</option>
                </select>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="row">
                    <div class="col-xs-6">
                        <button class="btn btn-primary btn-block">搜索</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="dataTables_wrapper no-footer">
            <table class="table table-striped table-hover dataTable">
                <thead>
                <tr role="row">
                    <th class="sorting">账号</th>
                    <th class="sorting">用户类型</th>
                    <th class="sorting">医生账户</th>
                    <th class="sorting">医生姓名</th>
                    <th class="sorting">创建日期</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="account in info.accounts" ng-click="info.detailInfo();">
                    <td>{{account.username}}</td>
                    <td>{{ account.userType }}</td>
                    <td>{{account.doctorUsername}}</td>
                    <td>{{account.doctorName}}</td>
                    <td>{{account.createDate}}</td>
                </tr>
                </tbody>
            </table>
            <div ng-if="info.recordsTotal > 0" class="pull-left dataTables_info">
                当前第{{info.currentPage}}页，共{{info.recordsTotal}}条数据
            </div>
            <nav ng-if="info.pages.length > 0" class="pull-right">
                <ul class="pagination">
                    <li ng-class="{'disabled': info.currentPage == 1}" ng-click="info.beforePage();">
                        <a aria-label="Previous">
                            上一页
                        </a>
                    </li>
                    <li ng-repeat="page in info.pages track by $index" ng-class="{'active': page == info.currentPage}">
                        <a ng-click="info.toPage(page);">{{page}}</a>
                    </li>

                    <li ng-class="{'disabled': info.currentPage == info.pages.length}" ng-click="info.nextPage();">
                        <a aria-label="Next">
                            下一页
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>
